<template>
  <div class="header">
    <div class="logo"></div>
    <div><input type="text"></div>
    <div style="padding:0 30px">登录</div>
  </div>
</template>

<script>
/* eslint-disable */ // 忽略该行往下 eslint的错误
export default {
  data() {
    return {
      
    };
  },
};
</script>

<style scoped>
.header{
  width: 100vw;
  height: 50px;
  display: flex;
  background-color: #e1251b;
}
div {
  line-height: 50px;
}

.logo{
  width: 100px;
  height: 100%;
  background: url(/img/logo.png) no-repeat;
  background-size: contain;
}
</style>